<template>
  <div class="headers">
    <div class="navtap">
      <div class="tap-left">
        <div><img src="@/assets/imgs/badge.png" alt="" /></div>
        <div class="tap-title" style="">军事科学院研究生院</div>
      </div>
      <div class="tap-right">
        <div class="login">
          <a href="javascript:;">咨询答疑</a>
          <a href="javascript:;">网站信箱</a>
          <a href="javascript:;">
            <img src="@/assets/icons/search.png" alt="" class="icons" />
          </a>
          <a href="javascript:;">|</a>
          <a href="javascript:;">登录/注册</a>
        </div>
        <div class="navber">
          <a href="/">首页</a>
          <a href="/overview">院部概况</a>
          <a href="/admissions">招生工作</a>
          <a href="/nourish">培养工作</a>
          <a href="javascript:;">学科建设</a>
          <a href="javascript:;">创新工作</a>
          <a href="/education">思政教育</a>
          <a href="/studysky">学习天地</a>
          <a href="/callme">联系我们</a>
        </div>
      </div>
    </div>
    <div class="top-text">
      <div class="title">通知公告</div>
    </div>
  </div>
</template>

<script>
export default {
  name: "headersxqy",
  props: ["cherai"],
  data() {
    return {};
  },
  components: {},
  methods: {}
};
</script>

<style lang="scss" scoped>
.headers {
  width: 1903px;
  height: 501px;
  background: url(~@/assets/imgs/m.png) no-repeat center;
  background-size: 100% 100%;
  .navtap {
    display: flex;
    justify-content: space-between;
    padding-right: 80px;
    height: 140px;
    background: linear-gradient(#000, transparent);
    overflow: hidden;
    .tap-left {
      display: flex;
      img {
        width: 77px;
        height: 78px;
        margin: 24px 0 0 50px;
      }
    }
    .tap-title {
      width: 300px;
      height: 32px;
      font-family: Source Han Sans CN;
      font-weight: 700;
      color: #ffffff;
      font-size: 32px;
      line-height: 32px;
      margin: 46px 0 0 20px;
    }
    .tap-right {
      .login {
        line-height: 28px;
        padding-top: 30px;
        display: flex;
        justify-content: flex-end;
        a {
          margin-left: 19px;
          font-size: 14px;
        }
        .icons {
          width: 24px;
          height: 24px;
        }
      }
      .navber {
        margin-top: 10px;
        a {
          margin-left: 19px;
          font-size: 22px;
        }
      }
    }
  }
  .top-text {
    padding: 426px 0 0 170px;
    height: 100%;
    margin-top: -140px;
    background: linear-gradient(
      transparent,
      transparent,
      transparent,
      transparent,
      #000
    );
    .title {
      font-weight: 700;
      color: #ffffff;
      font-size: 60px;
      line-height: 20px;
    }
  }
}
</style>
